<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三会一课</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.min.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.js"></script>
    <script src="/js/assets/amazeui.min.js"></script>
    <script src="/js/assets/amazeui.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.css">
    <style>
        .loadmore{
            text-align: center;
            height: 0px;
            line-height: 30px;
            background-color: #999;
            display: none;
            transition: height 1s;
            -moz-transition: height 1s; /* Firefox 4 */
            -webkit-transition: height 1s;  /* Safari 和 Chrome */
            -o-transition: height 1s;   /* Opera */

        }
        .loadmore.show{
            display: block;
            height: 30px;
        }
        #tabs{
            margin: 0;
        }
        body{
            position: absolute;
            height: 100%;
            width:100%;
        }
        .am-tabs-bd{
            height: 100%;
            position: absolute;
            width: 100%;
        }
    </style>
</head>
<body>
<div data-am-widget="tabs"
     class="am-tabs am-tabs-default"
     id="tabs"
>
    <ul class="am-tabs-nav am-cf">
        <li class="am-active"><a href="[data-tab-panel-0]">两学一做</a></li>
        <li class=""><a href="[data-tab-panel-1]">精准扶贫</a></li>
        <li class=""><a href="[data-tab-panel-2]">管理素质</a></li>
        <li class=""><a href="[data-tab-panel-3]">党的建设</a></li>
    </ul>
    <div class="am-tabs-bd">
        <input type="text" hidden="hidden" value="19" id="type1">
        <div data-tab-panel-0 class="am-tab-panel am-active">
            <div class="container" id="container1">
                <input type="text" id="page1" value="0" hidden="hidden">
                <ul id="general1" class="general">

                </ul>
                <div class="loadmore" id="loadmore1">上拉加载更多</div>
            </div>
        </div>
        <div data-tab-panel-1 class="am-tab-panel ">
            <input type="text" hidden="hidden" value="20" id="type2">
            <div class="container" id="container2">
                <input type="text" id="page2" value="0" hidden="hidden">
                <ul id="general2" class="general">

                </ul>
                <div class="loadmore" id="loadmore2">上拉加载更多</div>
            </div>
        </div>
        <div data-tab-panel-2 class="am-tab-panel ">
            <input type="text" hidden="hidden" value="21" id="type3">
            <div class="container" id="container3">
                <input type="text" id="page3" value="0" hidden="hidden">
                <ul id="general3" class="general">

                </ul>
                <div class="loadmore" id="loadmore3">上拉加载更多</div>
            </div>
        </div>
        <div data-tab-panel-3 class="am-tab-panel ">
            <input type="text" hidden="hidden" value="22" id="type4">
            <div class="container" id="container4">
                <input type="text" id="page4" value="0" hidden="hidden">
                <ul id="general4" class="general">

                </ul>
                <div class="loadmore" id="loadmore4">上拉加载更多</div>
            </div>
        </div>
    </div>

</div>

</body>
<script src="js/category.js"></script>
<script>
    var url="getCategory";
    for (var i = 1; i < document.getElementsByClassName("container").length + 1; i++) {
        var _stary, _endy;
        var page = "page" + i;
        var general = "general" + i;
        var type = "type" + i;
        var contain = "#container" + i;
        var loadmore = "#loadmore" + i;
        container(
            contain,
            _stary,
            _endy,
            false,
            document.getElementById(page),
            document.getElementById(general),
            document.getElementById(type).value,
            loadmore
        );

    }
</script>
</html>